import * as React from "react";

export function Section({ children, className }) {
  return (
    <div className={["section", className].filter(Boolean).join(" ")}>
      <section>{children}</section>
      <span className="seperator" />
      <style jsx>
        {`
          section {
            padding: 16px 48px 48px 48px;
            width: 100%;
            min-width: 950px;
            // margin: 0px auto;
            max-width: 1920px;
          }
          .seperator {
            display: inline-block;
            width: 100%;
            border-bottom: 1px solid #d8dee4;
          }
        `}
      </style>
    </div>
  );
}
